<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<style>
<!--
.page-content{
background-color:#f1f1f1;
font-family: 微软雅黑;
}
.row {
    margin-left: -6px;
    margin-right: -6px;
}
.page-header {
	margin: 0 0 1px;
	border-bottom:0;
	padding-bottom: 5px;
}
.panel {
	margin-bottom:10px;
	border:0;
}
.lineheight{
	margin-top:10px;
}
.btn{
	border-radius: 3px;
}


.textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
	border-bottom-left-radius: 3px !important;
	border-top-left-radius: 3px !important;
}
.input-group .input-group-addon{
	border-bottom-right-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.input-group-addon .form-control{
	border-radius: 4px;
}
.bs-example {
	background-color:#ffffff;
    border-color:#ddd;
    border-style: solid;
    border-width: 0px;
    border-radius: 4px;
    position: relative;
}

.bs-example .zrpfont{
	margin:5px 0;
	font-size:16px;
}
.bs-header{
	background-color:#ffffff;
   	border: 0px solid #ddd;
    box-sizing: content-box;
    color: #669fc7;
    min-height: 38px;
    padding-left: 12px;
    position: relative;
    border-radius: 4px;
    margin-left:-8px;
    margin-right:-8px;

}
.bs-header .rightlable{
	font-size:14px;
	margin-right:10px;
	margin-top:8px;
}
.bs-header::before, .bs-header::after {
    content: "";
    display: table;
    line-height: 0;
}
.bs-header::after {
    clear: right;
}
/*标题*/
.head-title{
	font-size:22px;
	color:#333333;
	
    font-size: 22px;
    padding: 10px 0;
}
.bs-cent{
 	margin-top:5px;
    height:50px;
    padding-top:10px;
    font-size:16px;
}
.bs-cent-left{
	border-right-width:1px;
	border-right-style: solid;
	border-right-color: #e5e5e5;
}
.bs-cent-right {
color:red;
}

.nav-tabs{
top:-1px;
}
.tab-content{
border:0;
}

.col-rh-cl {
	padding-left:10px;
    padding-right: 10px;
}
.col-rh-ce {
    padding-left: 0;
    padding-right: 10px;
}
.col-rh-cr {
    padding-left: 0;
    padding-right:10px;
}
input[readonly] {
    color: #939192;
    background: #fff !important;
    cursor: default;
}

-->
</style>
<script language="javascript">
//获取日期
function getNowFormatDate() {
    var date = new Date();
    var seperator1 = "-";
    var seperator2 = ":";
    var month = date.getMonth() + 1;
    var strDate = date.getDate();
    if (month >= 1 && month <= 9) {
        month = "0" + month;
    }
    if (strDate >= 0 && strDate <= 9) {
        strDate = "0" + strDate;
    }
    var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
            + " " + date.getHours() + seperator2 + date.getMinutes()
            + seperator2 + date.getSeconds();
    var nowdate = date.getFullYear() + seperator1 + month;    
    document.getElementById('dateval').value=nowdate;
}

getNowFormatDate();

</script>

<div class="page-header" id="timer">
	<div class="form-inline">
	  	<div class="form-group">
	    <div class="input-group date" id="datetimepicker"  >
		    <input type="text"class="form-control" id="dateval" value="" >
		   <span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
		</div>
	    	
	  	</div>
	  	<div id="nowdate" class="form-group pull-right text-danger" >
	  	</div>
	</div>
</div>
<!-- 查询结果 -->
<div id="rsBody"></div>

<script language="javascript">
//查询结果
function loadBody(){
	var dateval = $("#dateval").val();
	var optval =  $('#datetype input[name="optionsRadios"]:checked ').val();
	$.post("caiwu/welcomeBody",{dateval:dateval,optval:optval},function(result){
	    $("#rsBody").html(result);
	  });
	document.getElementById("timer").style.display="none";
}
getNowFormatDate();
loadBody();

</script>